<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>css 函数</title>
</head>
<style>
    .box {
        border: 1px solid salmon;
        background-color: #eeff00;
        box-sizing: border-box;
        margin: 20px auto;
    }
    .clamp-1 {
        width: clamp(200px, 600px, 1920px);
        height: 120px;
    }
</style>
<body>

<a href="https://www.toutiao.com/article/7147588677558895118/">今日头条地址</a>
<details open>
    <summary>clamp</summary>
    <div class="clamp-1 box"></div>
</details>
</body>
</html>
